<template>
  <div>
    <!-- <Count /> -->
    <!-- <router-link to="/about" active-class="my-router-active">About</router-link>
    <router-link to="/count" active-class="my-router-active">Count</router-link>
    <keep-alive :include="['Count']">
      <router-view></router-view>
    </keep-alive> -->
    <Header></Header>
    <router-view></router-view>
    <!-- <Footer v-show="$route.path !== '/login' && $route.path !== '/register'" /> -->
    <Footer v-show="!$route.meta.isHidden" />
  </div>
</template>

<script>
import Header from "@/components/Header";
import Footer from "@/components/Footer";
export default {
  name: "App",
  components: {
    // Count,
    Header,
    Footer,
  },
};
</script>

<style>
.my-router-active {
  background-color: #bfa;
}
</style>